/* Color variable */

/* Behavior related colors */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* Basic color of text */
$uni-text-color:#333;//
$uni-text-color-inverse:#fff;//
$uni-text-color-grey:#999;//
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* background color */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//

/* Border color */
$uni-border-color:#c8c7cc;

/* Dimensional variables */

/* Text size */
$uni-font-size-sm:24rpx;
$uni-font-size-base:28rpx;
$uni-font-size-lg:32rpx;

/* Picture size */
$uni-img-size-sm:40rpx;
$uni-img-size-base:52rpx;
$uni-img-size-lg:80rpx;

/* Border Radius */
$uni-border-radius-sm: 4rpx;
$uni-border-radius-base: 6rpx;
$uni-border-radius-lg: 12rpx;
$uni-border-radius-circle: 50%;

/* Horizontal spacing */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20rpx;
$uni-spacing-row-lg: 30rpx;

/* Vertical spacing */
$uni-spacing-col-sm: 8rpx;
$uni-spacing-col-base: 16rpx;
$uni-spacing-col-lg: 24rpx;

/* transparency */
$uni-opacity-disabled: 0.3; // Transparency of component disabled state

/* Article scene related */
$uni-color-title: #2C405A; // Article title color
$uni-font-size-title:40rpx;
$uni-color-subtitle: #555555; // Secondary Title Color
$uni-font-size-subtitle:36rpx;
$uni-color-paragraph: #3F536E; // Paragraph color
$uni-font-size-paragraph:30rpx;

/* Custom color */
$color-white: #fff;

/* Text size */
$font-sm: 20rpx;
$font-base: 30rpx;
$font-lg: 40rpx;
$font-lg2: 50rpx;

/* background color */
$ComBg-color1: #F5E8E0; // Main background color
$ComBg-color2: #FFFFFF; // Some control pop-up background color
$ComBg-color3: #F5E8E0; 
$ComBg-color-title: #3581FF; // Title background color

/* Border color */
$ComBorder-color1:#050505;	// Border color

/* Font color */
$ComText-color-title: #FFFFFF;	// Title Color
$ComText-color-back: #FFFFFF; 	// Return button color
$ComText-color-orange: #FB6400;	//
$ComText-color-green: #2DE75D;	//
$ComText-color-blue: #3581FF;	//
$ComText-color-lightBlue: #8BBFFF;	//
$ComText-color-red: #FF2525;	//
$ComText-color-lightRed: #FF4343;	//
$ComText-color-black: #252525;	//
$ComText-color-grey: #818181;	//
$ComText-color-pink: #FF5B91;

/* Common button colors */
$ComBtn-color-orange: #FF7335; //
$ComBtn-color-blue: #4765FD; //
$ComBtn-color-lightBlue: #4C7FFF; //
$ComBtn-color-red: #F84040; //
$ComBtn-color-green: #2DE75D; //
$ComBtn-color-linear: linear-gradient(to right, #FD9102, #DE3500);
$ComBtn-color-pink: #FF5B91;

